<%-- 
    Document   : index
    Created on : 04/12/2013, 16:40:45
    Author     : Meister
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <%-- 
        Título da página
        --%>
        <title>Nippon Office - Quem Somos</title>

    </head>
    <body>
        <%-- 
    Imagem de capa para o site
        --%>
    <center>
        <img src="imagens/tokyo.jpg" alt="Nippon Office" align="center">
    </center>

    <%-- 
Criação de uma tabela para alinhamento de links
    --%>
    <table align="center" style="border-spacing: 0px 5px">
        <tr>
            <td width="150" align="center" border-spacing="10">
                <a href="index.jsp" ><img src="imagens/home.png" alt="Home"></a>
            </td>
            <td width="100" align="center">
                <a href="noticias.jsp" ><img src="imagens/noticias.png" alt="Notícias"></a>
            </td>
            <td width="150" align="center">
                <a href="cultura.jsp" ><img src="imagens/cultura.png" alt="Cultura Otaku"></a>
            </td>
            <td width="100" align="center">
                <a href="chat.jsp" ><img src="imagens/chat.png" alt="Chat"></a>
            </td>
            <td width="150" align="center">
                <a href="quemsomos.jsp" ><img src="imagens/quem.png" alt="Quem Somos"></a>
            </td>
            <td width="150" align="center">
                <a href="mapa.jsp" ><img src="imagens/mapa.png" alt="Mapa do Site"></a>
            </td>
            <td width="150" align="center">
                <a href="admin.jsp" ><img src="imagens/admin.png" alt="Área Administrativa"></a>
            </td>
        </tr>
    </table>
    
    
    <%--
    Criação de uma div centralizada, para saída do texto
    --%>
    <center><div style="width:1000px; text-align: left">
            <p>    
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eget iaculis leo. Phasellus suscipit, ante pharetra placerat blandit, eros sapien vestibulum metus, et varius nulla sapien lacinia turpis. Donec elit velit, ultricies vehicula aliquet ac, dapibus ut mauris. In a ornare dui, ut consequat est. Phasellus accumsan sagittis porttitor. Curabitur diam neque, commodo ut turpis eget, tincidunt pellentesque urna. Cras eget ligula mauris. Sed et dictum mi. Mauris venenatis, tellus eget mattis mattis, arcu lectus euismod leo, sit amet rutrum ipsum sapien at lacus. Ut hendrerit, neque vel fringilla auctor, tellus lacus dictum urna, in tincidunt ipsum ante ut mauris. Curabitur ornare fermentum neque, eget placerat est scelerisque ac. Aenean augue ipsum, viverra a ipsum quis, fringilla laoreet justo. Maecenas lorem ligula, molestie vitae ullamcorper eu, porta vel quam. Morbi sagittis dolor in justo vehicula, ut fermentum ipsum viverra.
            </p>
            <p>
                Praesent sit amet enim sit amet neque ultricies malesuada. Fusce ullamcorper nunc id pellentesque luctus. Duis tempus lorem at tincidunt pharetra. Duis dapibus lacus id sapien commodo consectetur. Nam nulla mauris, porttitor at nisi id, ornare eleifend ligula. Nullam a euismod enim. Mauris at mauris egestas nulla tincidunt semper nec in elit. Donec a tempus lorem, et imperdiet felis. Cras vehicula nisl sit amet tortor molestie volutpat. Nulla facilisis volutpat tristique. Duis tellus orci, porttitor at eleifend eu, euismod non neque. Mauris tempor scelerisque sapien, eu sodales purus euismod id. Donec eget arcu nec elit rutrum dignissim. Nulla convallis vestibulum mauris, at condimentum ligula varius ultricies. Donec mattis semper nibh, nec placerat leo placerat dapibus. Curabitur mi metus, viverra ut interdum sit amet, imperdiet eget urna.
            </p>
            <center><img src="imagens/employees.jpg" alt=""></center>
            <p>   
                Maecenas porttitor lobortis nisl, quis vehicula lacus viverra a. Maecenas quis massa vehicula, convallis velit et, sodales turpis. Morbi scelerisque justo mattis nunc placerat varius. Praesent varius ante risus, in placerat magna luctus sit amet. Nulla porttitor ut nunc eget molestie. Sed rhoncus, mi sed congue adipiscing, tortor purus adipiscing felis, et vestibulum nibh leo eu ante. Donec id dui tristique, sagittis est et, pellentesque felis. Morbi bibendum bibendum odio sed tristique.
            </p>
            <p>   
                Nunc sit amet est enim. Donec gravida auctor arcu, et feugiat nisl bibendum vel. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc malesuada egestas ante, et gravida nisl viverra sit amet. Donec rutrum scelerisque sem, sed sollicitudin diam pulvinar vel. Ut at aliquam libero, vitae volutpat orci. Morbi in enim vel metus imperdiet lacinia et id elit. In lobortis nibh quis ante fringilla, at congue urna aliquet.
            </p>
        </div></center>
    
    
    
</body>
</html>
